<html>
    <head>
        <title>绑定class --- 数组语法</title>
    </head>
    <body>
        <script>
            // ★、二、数组语法：
                                //  我们可以把一个数组传给 v-bind:class ，以应用一个class列表
                                        // eg:   <div v-bind:class="[activeClass,errorClass]"></div>   注意： 这里数组中的元素是class名称，是类名不是对象名
                                        data:{
                                                    activeClass:'active',
                                                    errorClass:'text-danger'
                                                }                 
                                    // 如果你也想根据条件切换列表中的Class，可以使用三元表达式：
                                        // eg:  <div v-bind:class="[isActive? activeClass:'',errorClsss]"></div>

                                    /*
                                        这样写将始终添加errorClass, 但是只有在 isActive 是 truth时才添加 activeClass。

                                        不过，当有多个条件class时，这样写有些繁琐。
                                        所以，在数组语法中也可以使用 "对象语法"：

                                           eg：  <div v-bind:class="[{active:isActive},errorClass]"
                                    */   
        </script>
    </body>
</html>